@charset "utf-8";
@function v($w) {
    @return ($w / 750) * 100+vw;
}
.header {
    font-size: v(26);
    height:v(120) ;

}
.mainTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    padding: 0 v(20);
    .topbox{
        height: v(200);
        width: v(160);
    }
    img {
        border-radius: 50%;
        width: v(150);
        height: v(150);
    }

    h2 {
        font-size: v(22);
        margin-top: v(10);
    }
}
// 四个点
.circle {
    text-align: center;
    div {
        display: inline-block;
        width: v(20);
        height: v(20);
        border-radius: 50%;
        background-color:#ff9344;
        opacity: 0.5;
        margin-right:v(25);
    }
    & div:nth-of-type(1) {
        opacity: 1;
    }
    & div:nth-of-type(4) {
        margin-right:v(0);
    }
}
// 横幅
.bannerLef {
    & .iconfont:nth-of-type(1) {
        color: black;
    }
}
// 图片排布
.conPic {
    display: flex;
    justify-content: space-around;
    margin: v(50) 0;
    div {
        width: v(133);
        height: v(133);
        img {
            width: 100%;
            height: 100% ;
        }
    }
}